<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <input type="text"·>
  <button id="btn1">存储数据</button>
  <button id="btn2">获取数据</button>
  <button id="btn3">删除数据</button>
  <button id="btn4">清空所有数据</button>
</body>

<script src="/jQuery/jquery-3.7.1.js"></script>
<script>
  var myinput=document.querySelector('input');
  var mybtn1=document.querySelector('#btn1')
  var mybtn2=document.querySelector('#btn2')
  var mybtn3=document.querySelector('#btn3')
  var mybtn4=document.querySelector('#btn4')

  $('#btn1').click(function(){
    var inputValue=$('input').attr('value');
    console.log(inputValue);
    
    sessionStorage.setItem('input',inputValue);
  })

  $('#btn2').click(function(){
    var temp=sessionStorage.getItem('input');
    console.log(temp);
  })

  $('#btn3').click(function(){
    var temp=sessionStorage.getItem('input');
    console.log(temp);
    sessionStorage.removeItem('input')
    var temp=sessionStorage.getItem('input');
    console.log(temp);
  })

    $('#btn4').click(function(){
    sessionStorage.clear();
    console.log(temp);
  })

  

</script>
</html>